<!DOCTYPE html>
<?php
    require_once '../classes/class.ConexaoBD.php';
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="../EasyUI/themes/cupertino/easyui.css">
        <link rel="stylesheet" type="text/css" href="../EasyUI/themes/icon.css">
        <link rel="stylesheet" type="text/css" href="../css/tabela.css">

        <script type="text/javascript" src="../JScript/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="../EasyUI/locale/easyui-lang-br.js"></script>
        <script type="text/javascript" src="../EasyUI/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="../EasyUI/easyloader.js"></script>
        <script type="text/javascript" src="../JScript/Pavimentacao.js"></script>
        <script type="text/javascript" src="../JScript/Base.js"></script>
        <script type="text/javascript" src="../JScript/Revestimento.js"></script>
        <script type="text/javascript" src="../JScript/GuiaConcreto.js"></script>
        <script type="text/javascript" src="../JScript/Funcoes.js"></script>
        <script type="text/javascript">
        </script>
    </head>
    <body>
        <select id="cmbPav" onchange="SubCategoriasPav(this.options[this.selectedIndex].value)">
            <option value="0">Escolha uma opção</option>
            <?php
                $ClsDB = new ConexaoBD;
                $strSQL = "SELECT PavIdFamilia, PavDescricaoFamilia FROM pavimentacao_familia ORDER BY PavDescricaoFamilia";

                $PavFamilias = $ClsDB->ExecutarQry($strSQL, 'S');
                if(is_resource($PavFamilias))
                    while($PavFamilia = mysql_fetch_assoc($PavFamilias)) { ?>
                    <option value="<?php echo $PavFamilia['PavIdFamilia']; ?>">
                        <?php echo $PavFamilia['PavDescricaoFamilia']; ?>
                    </option>
                <?php }
            ?>
        </select>
        <input id="IdFam" type="hidden">
        <div id="Produto" style="display: none">
            <select id='cmbPavBloq' onchange='SelectProduto($("#IdFam").val())'>
                Opcao
            </select>
        </div>
        <!-- Div Família Base -->
        <div id="DivBase" style="display: none; width: 830px">
            <form id="frmDadosBase" method="post" onsubmit="return false;">
                <table>
                    <tr>
                        <td>Quantidade(m2)</td>
                        <td><input id="BS_QtdM2" type="text" size="5"></td>
                    </tr>
                    <tr>
                        <td>Camada de Bica Corrida - Espessura(m2)</td>
                        <td><input id="BS_CBCEsp" type="text" size="5"></td>
                    </tr>
                    <tr>
                        <td>Camada de Pó de Pedra  - Espessura(m2)</td>
                        <td><input id="BS_CPPEsp" type="text" size="5"></td>
                    </tr>
                </table>
                <a class="easyui-linkbutton" href="javascript:void(0)" onclick="EnviarDadosBase()">Ok</a>
            </form>
        </div>

        <!-- Div Família Revestimento -->
        <div id="DivRevestimento" style="display: none; width: 830px">
            Revestimento
            <form id="frmDadosRevestimento" method="post" onsubmit="return false;">
                <table>
                    <tr>
                        <td>Espessura(cm)</td>
                        <td><input id="R_EspCM" type="text" size="5"></td>
                        <td>Resistência(Mpa)</td>
                        <td><input id="R_ResMPA" type="text" size="5"></td>
                        <td>Quantidade(m2)</td>
                        <td><input id="R_QtdM2" type="text" size="5"></td>
                    </tr>
                    <tr>
                        <td>Camada de Bica Corrida - Espessura(cm)</td>
                        <td><input id="R_CBCEspCM" type="text" size="5"></td>
                    </tr>
                    <tr>
                        <td>Camada de Pó de Pedra  - Espessura(cm)</td>
                        <td><input id="R_CPPEspCM" type="text" size="5"></td>
                    </tr>
                </table>
                <a class="easyui-linkbutton" href="javascript:void(0)" onclick="EnviarDadosRevestimento()">Ok</a>
            </form>
        </div>

        <!-- Div Família Guias de Concreto -->
        <div id="DivGuiaConcreto" style="display: none; width: 830px">
            <form id="frmDadosGuiaConcreto" method="post" onsubmit="return false;">
                <table>
                    <tr>
                        <td>Quantidade(m2)</td>
                        <td><input id="GC_QtdM2" type="text"></td>
                    </tr>
                </table>
                <a class="easyui-linkbutton" href="javascript:void(0)" onclick="EnviarDadosGuiaConcreto()">Ok</a>
            </form>
        </div>
        <br>

        <!-- Tabela de Produtos Base -->
        <div id="DivTabelaBase" style="display: none; width:830px">
            <table id="TabelaBase" border="2px" width="850px">
                <thead>
                    <th>Serviço de Pavimentação - Base</th>
                    <th>Espessura (cm)</th>
                    <th>Unidade</th>
                    <th>Quantidade</th>
                    <th>*</th>
                </thead>
                <tbody>
                    <tr></tr>
                </tbody>
            </table>
        </div>

        <!-- Tabela de Produtos Revestimento -->
        <div id="DivTabelaRevestimento" style="display: none; width:830px">
            <table id="TabelaRevestimento" border="2px" width="850px">
                <thead>
                    <th>Serviço de Pavimentação - Revestimento</th>
                    <th>Espessura (cm)</th>
                    <th>Resistência(Mpa)
                    <th>Unidade</th>
                    <th>Quantidade</th>
                </thead>
                <tbody>
                    <tr></tr>
                </tbody>
            </table>
        </div>

        <!-- Tabela de Produtos Guia de Concreto -->
        <div id="DivTabelaGuiaConcreto" style="display: none; width:830px">
            <table id="TabelaGuiaConcreto" border="2px" width="850px">
                <thead>
                    <th>Serviço de Pavimentação - Guia de Concreto</th>
                    <th>Unidade</th>
                    <th>Quantidade</th>
                    <th>*</th>
                    <th>*</th>
                </thead>
                <tbody>
                    <tr></tr>
                </tbody>
            </table>
        </div>

        <br><br>
        <div id="exc">
            <a class="easyui-linkbutton" href="javascript:void(0)" onclick="ExcluirTab()">Excluir Esta Aba</a>
        </div>
        <div id="exc">
            <a class="easyui-linkbutton" href="javascript:void(0)" onclick="LerTabela()">Ler Tabela</a>
        </div>        
    </body>
</html>